//引入基础样式
.pl-5{
  padding-left: 5rpx !important;
}
.pl-10{
  padding-left: 10rpx !important;
}
.pl-15{
  padding-left: 15rpx !important;
}
.pl-20{
  padding-left: 20rpx !important;
}
.pl-25{
  padding-left: 25rpx !important;
}
.pl-30{
  padding-left: 30rpx !important;
}

.pr-5{
  padding-right: 5rpx !important;
}
.pr-10{
  padding-right: 10rpx !important;
}
.pr-15{
  padding-right: 15rpx !important;
}
.pr-20{
  padding-right: 20rpx !important;
}
.pr-25{
  padding-right: 25rpx !important;
}
.pr-30{
  padding-right: 30rpx !important;
}

.pt-5{
  padding-top: 5rpx !important;
}
.pt-10{
  padding-top: 10rpx !important;
}
.pt-15{
  padding-top: 15rpx !important;
}
.pt-20{
  padding-top: 20rpx !important;
}
.pt-25{
  padding-top: 25rpx !important;
}
.pt-30{
  padding-top: 30rpx !important;
}

.pb-5{
  padding-bottom: 5rpx !important;
}
.pb-10{
  padding-bottom: 10rpx !important;
}
.pb-15{
  padding-bottom: 15rpx !important;
}
.pb-20{
  padding-bottom: 20rpx !important;
}
.pb-25{
  padding-bottom: 25rpx !important;
}
.pb-30{
  padding-bottom: 30rpx !important;
}

.ml-0{
  margin-left: 0;
}

.ml-5{
  margin-left: 5rpx !important;
}
.ml-10{
  margin-left: 10rpx !important;
}
.ml-15{
  margin-left: 15rpx !important;
}
.ml-20{
  margin-left: 20rpx !important;
}
.ml-25{
  margin-left: 25rpx !important;
}
.ml-30{
  margin-left: 30rpx !important;
}

.mr-5{
  margin-right: 5rpx !important;
}
.mr-10{
  margin-right: 10rpx !important;
}
.mr-15{
  margin-right: 15rpx !important;
}
.mr-20{
  margin-right: 20rpx !important;
}
.mr-25{
  margin-right: 25rpx !important;
}
.mr-30{
  margin-right: 30rpx !important;
}

.mt-5{
  margin-top: 5rpx !important;
}
.mt-10{
  margin-top: 10rpx !important;
}
.mt-15{
  margin-top: 15rpx !important;
}
.mt-20{
  margin-top: 20rpx !important;
}
.mt-25{
  margin-top: 25rpx !important;
}
.mt-30{
  margin-top: 30rpx !important;
}

.mb-5{
  margin-bottom: 5rpx !important;
}
.mb-10{
  margin-bottom: 10rpx !important;
}
.mb-15{
  margin-bottom: 15rpx !important;
}
.mb-20{
  margin-bottom: 20rpx !important;
}
.mb-25{
  margin-bottom: 25rpx !important;
}
.mb-30{
  margin-bottom: 30rpx !important;
}

.fs12{
  font-size: 12rpx !important;
}
.fs13{
  font-size: 13rpx !important;
}
.fs14{
  font-size: 14rpx !important;
}
.fs15{
  font-size: 15rpx !important;
}
.fs16{
  font-size: 16rpx !important;
}
.fs17{
  font-size: 17rpx !important;
}
.fs18{
  font-size: 18rpx !important;
}
.fs19{
  font-size: 19rpx !important;
}
.fs20{
  font-size: 20rpx !important;
}
.fs25{
  font-size: 25rpx !important;
}
.fs30{
  font-size: 30rpx !important;
}
.fs35{
  font-size: 35rpx !important;
}
.fl{
  float: left;
}
.fr{
  float: right;
}

.w40{
  width: 40rpx !important;
}
.w50{
  width: 50rpx !important;
}
.w60{
  width: 60rpx !important;
}
.w70{
  width: 70rpx !important;
}
.w80{
  width: 80rpx !important;
}
.w90{
  width: 90rpx !important;
}
.w100{
  width: 100rpx !important;
}
.w110{
  width: 110rpx !important;
}
.w120{
  width: 120rpx !important;
}
.w130{
  width: 130rpx !important;
}
.w140{
  width: 140rpx !important;
}
.w150{
  width: 150rpx !important;
}
.w160{
  width: 160rpx !important;
}
.w170{
  width: 170rpx !important;
}
.w180{
  width: 180rpx !important;
}
.w190{
  width: 190rpx !important;
}
.w200{
  width: 200rpx !important;
}
.w-percent{
  width: 100% !important;
}
.w-percent-100{
  width: 100% !important;
}
.w-percent-50{
  width: 50% !important;
}
.w-percent-60{
  width: 60% !important;
}
.align-left{
  text-align: left;
}
.align-right{
  text-align: right;
}
.align-center{
  text-align: center;
}
.hideText{
  display: inline-block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}
